
<head>
        <title>微信水果商城</title>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

        <link rel="stylesheet" href="../../../static/public/css/weui.min.css">
        <link rel="stylesheet" href="../../../static/public/css/jquery-weui.css">

        <script src="../../../static/public/js/jquery-2.1.4.js"></script>
</head><link rel="stylesheet" href="../../../static/home/css/detail.css">

<!-- 容器 -->
<div class="weui-tab">
    <div class="weui-navbar">
        <a class="weui-navbar__item weui-bar__item--on" href="#tab1">
            基本信息
        </a>
        <a class="weui-navbar__item" href="#tab2">
            商品详情
        </a>
        <a class="weui-navbar__item" href="#tab3">
            评价
        </a>
    </div>

    <div class="weui-tab__bd">
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
            
<!-- 轮播图 -->
<div class="swiper-container">
    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                    <img src="http://img.alicdn.com/imgextra/i3/2939922051/TB2C3DDXSCWBuNjy0FhXXb6EVXa_!!2939922051.jpg_2200x2200Q50s50.jpg_.webp" alt=""></div>
                                <div class="swiper-slide">
                    <img src="
http://img.alicdn.com/imgextra/i3/2939922051/TB2EDJBeywIL1JjSZFsXXcXFFXa_!!2939922051.jpg_2200x2200Q50s50.jpg_.webp" alt=""></div>
                                <div class="swiper-slide">
                    <img src="
http://img.alicdn.com/imgextra/i2/2939922051/TB28alteBoHL1JjSZFwXXb6vpXa_!!2939922051.jpg_2200x2200Q50s50.jpg_.webp" alt=""></div>
                    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>

<div class="weui-cells">
    <div class="weui-cell">
        <div class="weui-cell__bd">
            <span class="ui-yen ">
                <i class="price-symbol">¥</i>
                <span class="price">35.80</span>
            </span>
            <span class="icon-text" data-spm-anchor-id="a222m.7628550/B.0.i5">
                卖家促销
            </span>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__bd">
            <span class="postage">满88包邮(10kg内)</span>
        </div>
        <span class="sales" data-spm-anchor-id="a222m.7628550/B.0.i7">月销量 10412件</span>
    </div>
</div>

<div class="weui-cells">
    <a style="color: #000000" href="javascript:;" class="open-popup" data-target="#half">
    <div class="weui-cell">
        <div class="weui-cell__bd">
            <p>产品参数</p>
        </div>
        <div class="weui-cell__ft"><img style="height: 2em;width: 2em;" src="../../../static/public/imgs/if_Three_dots_2202238.svg" alt=""></div>
    </div>
    </a>
</div>

<div class="weui-cells" style="bottom: 2em;"></div>


<div id="half" style="z-index:100000;" class="weui-popup__container popup-bottom">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal" style="height: 40%;">
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>净含量</p>
                </div>
                <div class="weui-cell__ft">700g</div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>包装方式</p>
                </div>
                <div class="weui-cell__ft">散装</div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>单果重量</p>
                </div>
                <div class="weui-cell__ft">0g</div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>品牌</p>
                </div>
                <div class="weui-cell__ft">王小二</div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>产地</p>
                </div>
                <div class="weui-cell__ft">中国大陆</div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>水果种类</p>
                </div>
                <div class="weui-cell__ft">1</div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>厂名</p>
                </div>
                <div class="weui-cell__ft">dmf电子商务有限公司</div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>厂址</p>
                </div>
                <div class="weui-cell__ft">dmf电子商务有限公司</div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>厂家联系方式</p>
                </div>
                <div class="weui-cell__ft">4006308910</div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>保质期</p>
                </div>
                <div class="weui-cell__ft">7</div>
            </div>
        </div>
    </div>
</div>


            <div style="margin-bottom: 2em;"></div>
        </div>
        <div id="tab2" class="weui-tab__bd-item">
            
 <div id="shop-img-detail">
    <ul class="detail-ul">
                              <li>
                         <img align="absmiddle"
                              src="http://img.alicdn.com/imgextra/i2/2939922051/TB28alteBoHL1JjSZFwXXb6vpXa_!!2939922051.jpg_2200x2200Q50s50.jpg_.webp">
                     </li>
                         </ul>
</div>
            <div style="margin-bottom: 2em;"></div>
        </div>
        <div id="tab3" class="weui-tab__bd-item">
            
<div id="list" class="content-padded infinite">
    <div class="container">
            <div id="J_CommentsWrapper" class="review-content">

                <ul class="list">
                    <div class="startPointer" style="padding-top: 0px;"></div>
                                                <li class="item">
                                <div class="info">
                                    <div class="author">
                                        <span>
                                            <img class="tags-img" src="http://wx.qlogo.cn/mmopen/vi_32/geERgu7eveXJygcDxAnwiaKT1aoQ6ibppU8CXAtogtlAm4zUylkxhW5rCw90zIveOCwX7Thricnib05ajSmV2YrWIQ/0">
                                        </span>
                                        <span class="nick">DMF</span>
                                    </div>
                                    <time>2018-09-03 15:09:28 </time>
                                </div>
                                <blockquote>测试测试</blockquote>

                                <ul class="pics">
                                                                                <li>
                                                <img class="comment-pic" data-url="/static/upload/2018-04-10/c3d7fb7018ca7e0dd876e6b570a28ab4.png"
                                                     src="/static/upload/2018-04-10/c3d7fb7018ca7e0dd876e6b570a28ab4.png" alt="用户评论">
                                            </li>
                                                                            </ul>

                            </li>
                            <div class="endPointer" style="clear: both; padding-bottom: 0px;"></div>
                                                        <li class="item">
                                <div class="info">
                                    <div class="author">
                                        <span>
                                            <img class="tags-img" src="http://wx.qlogo.cn/mmopen/vi_32/geERgu7eveXJygcDxAnwiaKT1aoQ6ibppU8CXAtogtlAm4zUylkxhW5rCw90zIveOCwX7Thricnib05ajSmV2YrWIQ/0">
                                        </span>
                                        <span class="nick">DMF</span>
                                    </div>
                                    <time>2018-09-03 15:09:31 </time>
                                </div>
                                <blockquote>123</blockquote>

                                <ul class="pics">
                                                                                <li>
                                                <img class="comment-pic" data-url="/static/upload/2018-04-10/c3d7fb7018ca7e0dd876e6b570a28ab4.png"
                                                     src="/static/upload/2018-04-10/c3d7fb7018ca7e0dd876e6b570a28ab4.png" alt="用户评论">
                                            </li>
                                                                            </ul>

                            </li>
                            <div class="endPointer" style="clear: both; padding-bottom: 0px;"></div>
                                                        <li class="item">
                                <div class="info">
                                    <div class="author">
                                        <span>
                                            <img class="tags-img" src="http://wx.qlogo.cn/mmopen/vi_32/geERgu7eveXJygcDxAnwiaKT1aoQ6ibppU8CXAtogtlAm4zUylkxhW5rCw90zIveOCwX7Thricnib05ajSmV2YrWIQ/0">
                                        </span>
                                        <span class="nick">DMF</span>
                                    </div>
                                    <time>2018-04-13 00:25:01 </time>
                                </div>
                                <blockquote>nihao</blockquote>

                                <ul class="pics">
                                                                    </ul>

                            </li>
                            <div class="endPointer" style="clear: both; padding-bottom: 0px;"></div>
                                                        <li class="item">
                                <div class="info">
                                    <div class="author">
                                        <span>
                                            <img class="tags-img" src="http://wx.qlogo.cn/mmopen/vi_32/geERgu7eveXJygcDxAnwiaKT1aoQ6ibppU8CXAtogtlAm4zUylkxhW5rCw90zIveOCwX7Thricnib05ajSmV2YrWIQ/0">
                                        </span>
                                        <span class="nick">DMF</span>
                                    </div>
                                    <time>2018-04-13 00:25:20 </time>
                                </div>
                                <blockquote>nihao</blockquote>

                                <ul class="pics">
                                                                    </ul>

                            </li>
                            <div class="endPointer" style="clear: both; padding-bottom: 0px;"></div>
                                                        <li class="item">
                                <div class="info">
                                    <div class="author">
                                        <span>
                                            <img class="tags-img" src="http://wx.qlogo.cn/mmopen/vi_32/geERgu7eveXJygcDxAnwiaKT1aoQ6ibppU8CXAtogtlAm4zUylkxhW5rCw90zIveOCwX7Thricnib05ajSmV2YrWIQ/0">
                                        </span>
                                        <span class="nick">DMF</span>
                                    </div>
                                    <time>2018-04-14 12:03:28 </time>
                                </div>
                                <blockquote>ok</blockquote>

                                <ul class="pics">
                                                                    </ul>

                            </li>
                            <div class="endPointer" style="clear: both; padding-bottom: 0px;"></div>
                                                        <li class="item">
                                <div class="info">
                                    <div class="author">
                                        <span>
                                            <img class="tags-img" src="http://wx.qlogo.cn/mmopen/vi_32/geERgu7eveXJygcDxAnwiaKT1aoQ6ibppU8CXAtogtlAm4zUylkxhW5rCw90zIveOCwX7Thricnib05ajSmV2YrWIQ/0">
                                        </span>
                                        <span class="nick">DMF</span>
                                    </div>
                                    <time>2018-04-14 12:04:53 </time>
                                </div>
                                <blockquote>ok</blockquote>

                                <ul class="pics">
                                                                    </ul>

                            </li>
                            <div class="endPointer" style="clear: both; padding-bottom: 0px;"></div>
                                                        <li class="item">
                                <div class="info">
                                    <div class="author">
                                        <span>
                                            <img class="tags-img" src="http://wx.qlogo.cn/mmopen/vi_32/geERgu7eveXJygcDxAnwiaKT1aoQ6ibppU8CXAtogtlAm4zUylkxhW5rCw90zIveOCwX7Thricnib05ajSmV2YrWIQ/0">
                                        </span>
                                        <span class="nick">DMF</span>
                                    </div>
                                    <time>2018-04-14 12:05:00 </time>
                                </div>
                                <blockquote>aa</blockquote>

                                <ul class="pics">
                                                                    </ul>

                            </li>
                            <div class="endPointer" style="clear: both; padding-bottom: 0px;"></div>
                                                        <li class="item">
                                <div class="info">
                                    <div class="author">
                                        <span>
                                            <img class="tags-img" src="http://wx.qlogo.cn/mmopen/vi_32/geERgu7eveXJygcDxAnwiaKT1aoQ6ibppU8CXAtogtlAm4zUylkxhW5rCw90zIveOCwX7Thricnib05ajSmV2YrWIQ/0">
                                        </span>
                                        <span class="nick">DMF</span>
                                    </div>
                                    <time>2018-04-14 12:28:30 </time>
                                </div>
                                <blockquote>qqq</blockquote>

                                <ul class="pics">
                                                                    </ul>

                            </li>
                            <div class="endPointer" style="clear: both; padding-bottom: 0px;"></div>
                                                        <li class="item">
                                <div class="info">
                                    <div class="author">
                                        <span>
                                            <img class="tags-img" src="http://wx.qlogo.cn/mmopen/vi_32/geERgu7eveXJygcDxAnwiaKT1aoQ6ibppU8CXAtogtlAm4zUylkxhW5rCw90zIveOCwX7Thricnib05ajSmV2YrWIQ/0">
                                        </span>
                                        <span class="nick">DMF</span>
                                    </div>
                                    <time>2018-04-14 12:34:24 </time>
                                </div>
                                <blockquote>111</blockquote>

                                <ul class="pics">
                                                                    </ul>

                            </li>
                            <div class="endPointer" style="clear: both; padding-bottom: 0px;"></div>
                                                        <li class="item">
                                <div class="info">
                                    <div class="author">
                                        <span>
                                            <img class="tags-img" src="http://wx.qlogo.cn/mmopen/vi_32/geERgu7eveXJygcDxAnwiaKT1aoQ6ibppU8CXAtogtlAm4zUylkxhW5rCw90zIveOCwX7Thricnib05ajSmV2YrWIQ/0">
                                        </span>
                                        <span class="nick">测试</span>
                                    </div>
                                    <time>2018-09-03 15:09:38 </time>
                                </div>
                                <blockquote>泥猴，还是喜欢吃龙眼</blockquote>

                                <ul class="pics">
                                                                                <li>
                                                <img class="comment-pic" data-url="/static/upload/2018-05-05/149dad2a3296ae325e359d94ca2cfa73.jpg"
                                                     src="/static/upload/2018-05-05/149dad2a3296ae325e359d94ca2cfa73.jpg" alt="用户评论">
                                            </li>
                                                                            </ul>

                            </li>
                            <div class="endPointer" style="clear: both; padding-bottom: 0px;"></div>
                            
                </ul>
            </div>
    </div>
</div>




<!--                <div class="weui-loadmore">-->
<!--                    <i class="weui-loading"></i>-->
<!--                    <span class="weui-loadmore__tips">正在加载</span>-->
<!--                </div>-->

            <div style="margin-bottom: 2em;"></div>
        </div>
    </div>

    <div class="weui-tabbar" style="height: 2em;">
        <div class="weui-tabbar__item">
            <a href="javascript:;" class="weui-btn weui-btn_primary" style="border-radius: 0;">加入购物车</a>
        </div>
        <div class="weui-tabbar__item">
            <a href="/order/order/detailGoods?goodid=9" class="weui-btn weui-btn_warn" style="border-radius: 0;">立即购买</a>
        </div>
    </div>

</div>


<!--<div class="weui-footer weui-footer_fixed-bottom">-->
<!--    <p class="weui-footer__text">-->
<!--        <span>Design By：DMF</span> |-->
<!--        <span>关于我</span>-->
<!--    </p>-->
<!--</div>-->

<script src="../../../static/public/js/fastclick.js"></script>
<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>

<script src="../../../static/public/js/jquery-weui.js"></script>
<script type='text/javascript' src='../../../static/public/js/swiper.js' charset='utf-8'></script><script src='../../../Static/home/js/detail.js'></script>